const path = require("path")
const HtmlWebpackPlugin = require("html-webpack-plugin")
module.exports = {
    entry: "./main.js",
    devtool: 'eval-cheap-module-source-map',
    output: {
        // path:path.resolve(__dirname,"dist"),
        filename: "main.js"
    },
    module: {
        rules: [],
    },
    plugins: [
        new HtmlWebpackPlugin({
            // 以 public/index.html 为模板创建 新的 html文件,创建的新文件在 dist 目录下
            // 新的html文件有两个特点：1. 内容和源文件一致 2. 自动引入打包生成的js等资源
            template: path.resolve(__dirname, "./public/index.html"),
        }),
    ],
    mode: "development",
    devServer: {
        host: "localhost", // 启动服务器域名
        port: "3000", // 启动服务器端口号
        open: true, // 是否自动打开浏览器(自动刷新)
        hot: true,
    }
}